<script setup>
import cmpnts from "pkgs/cmpnts"
import { func } from "pkgs/stores"
</script>
<template>

    <el-dropdown trigger="click">
        <span class="bg-white p-1 rounded add">
            <i class="iconfont te-i-add"></i>容器
        </span>
        <template #dropdown>
            <el-dropdown-item @click="func.addCmpnt(item)" v-for="item in cmpnts.containers" :key="item._id">
                <i :class="item._ctl.icon"></i> {{ item._ctl.text }}
            </el-dropdown-item>
        </template>
    </el-dropdown>


</template>
<style scoped>
.add {
    width: 60px;
    height: 100%;
    border: var(--xcode-editable-border-hover);
    color: #009966;
}
</style>